<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>表格&详情--layui后台管理模板 2.0</title>
    <link rel="stylesheet" href="../../../public/layui/css/layui.css" media="all" />
    <link rel="stylesheet" href="../../../public/css/public.css" media="all" />
    <style>
        .layui-tab{margin:5px 0 0;}
        .layui-tab-content, .layui-tab-item{overflow: hidden; }
        .layui-tab-content{padding:8px 0 0 0;overflow-y: scroll;height: 162px;}
        .layui-form-label{padding: 2px 10px;}
        .layui-input-block{min-height: 24px; line-height: 24px;}
        .laytable-cell-1-0-1,.laytable-cell-1-0-2,.laytable-cell-1-0-3,.laytable-cell-1-0-4,.laytable-cell-1-0-5,
        .laytable-cell-1-0-6,.laytable-cell-1-0-7,.laytable-cell-1-0-8,.laytable-cell-1-0-9,.laytable-cell-1-0-10,
        .layui-table .iconfont, .detail{font-size: 12px;}
        .layui-table .iconfont{padding: 2px 6px;}
        .layui-table-view .layui-form-checkbox[lay-skin=primary] i{width: 16px;height: 16px;}
        .layui-table-cell{height: 20px;line-height: 20px;}
        .layui-table-view .layui-table td, .layui-table-view .layui-table th{padding: 3px 0;}
        .layui-form-switch{height: 16px;line-height: 16px; min-width: 24px;}
        .layui-form-switch em{width: 20px;}
        .layui-form-switch i{left: 20px;top: 2px;width: 12px;height: 12px;}
        .layui-form-onswitch i{margin-left: -18px;}
        .layui-table-tool{padding: 2px 5px; min-height: 40px;}
        .layui-table-page{height: 40px;}
        .layui-icon-ok:before{font-size: 12px;top: -2px;position: relative;left: 0;}
        .layui-btn-sm{height: 26px;line-height: 26px;}
        .layui-table-tool .layui-inline[lay-event]{width: 20px; height: 20px; padding: 1px;}
        .layui-table-tool-self{top: 4px;}
        .layui-table-box{/*margin-top: -8px;*/ z-index: 999; border-top: 1px solid #e6e6e6;}
        .layui-btn-container .layui-btn,.layui-btn-container .layui-btn+.layui-btn{margin:5px;}

  </style>
</head>

<body class="childrenBody">

    <table class="layui-hide" id="egList" lay-filter="egList"></table>

    <script type="text/html" id="toolbarDemo">
		<div class="layui-btn-container">
			<a class="layui-btn layui-btn-sm addeg_btn">新增</a>
			<a class="layui-btn layui-btn-warm layui-btn-sm delAll_btn">批量删除</a>
            <a class="layui-btn layui-btn-normal layui-btn-sm">导入</a>
		</div>
    </script>

    <script type="text/html" id="egListBar">
		<a class="iconfont icon-detail" title="详情" lay-event="look"></a>
		<a class="iconfont icon-edit" title="编辑" lay-event="edit"></a>
		<a class="iconfont icon-del" title="删除" lay-event="del"></a>
	</script>

    <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
        <ul class="layui-tab-title">
            <li class="layui-this">详情分类一</li>
            <li>详情分类二</li>
            <li>详情分类三</li>
            <li>详情分类四</li>
            <li>详情分类五</li>
        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <form class="layui-form detail">
                    <div class="layui-col-md4 layui-col-sm6">
                        <div class="layui-form-item">

                            <label class="layui-form-label">普通输入框</label>
                            <div class="layui-input-block">
                                才源软件科技有限公司
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md4 layui-col-sm6">
                        <div class="layui-form-item">

                            <label class="layui-form-label">验证必填项</label>
                            <div class="layui-input-block">
                                才源软件科技有限公司
                            </div>
                        </div>
                    </div>

                    <div class="layui-col-md4 layui-col-sm6">
                        <div class="layui-form-item">

                            <div class="layui-block">
                                <label class="layui-form-label">验证手机</label>
                                <div class="layui-input-block">
                                    1234567890
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md4 layui-col-sm6">
                        <div class="layui-form-item">

                            <div class="layui-block">
                                <label class="layui-form-label">验证邮箱</label>
                                <div class="layui-input-block">
                                    1234567890@XX.COM
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="layui-col-md4 layui-col-sm6">
                        <div class="layui-form-item">

                            <div class="layui-block">
                                <label class="layui-form-label">多规则验证</label>
                                <div class="layui-input-block">
                                    才源软件科技有限公司
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md4 layui-col-sm6">
                        <div class="layui-form-item">

                            <div class="layui-block">
                                <label class="layui-form-label">验证日期</label>
                                <div class="layui-input-block">
                                    1234-56-78
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="layui-col-md4 layui-col-sm6">
                        <div class="layui-form-item">

                            <div class="layui-block">
                                <label class="layui-form-label">验证链接</label>
                                <div class="layui-input-block">
                                    www.aaa.com
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="layui-col-md4 layui-col-sm6">
                        <div class="layui-form-item">
                            <div class="layui-block">
                                <label class="layui-form-label">验证身份证</label>
                                <div class="layui-input-block">
                                    123456789012345678
                                </div>
                            </div>
                        </div>
                    </div>


                    
                    <div class="layui-col-md4 layui-col-sm6">
                        <div class="layui-form-item">
                            <div class="layui-block">
                                <label class="layui-form-label">普通选择框</label>
                                <div class="layui-input-block">
                                    才源软件科技有限公司
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="layui-col-md4 layui-col-sm6">
                        <div class="layui-form-item">

                            <label class="layui-form-label">范围</label>
                            <div class="layui-input-block">
                                1 - 2
                            </div>

                        </div>
                    </div>

                    <div class="layui-col-md4 layui-col-sm6">
                        <div class="layui-form-item">

                            <div class="layui-block">
                                <label class="layui-form-label">分组选择框</label>
                                <div class="layui-input-block">
                                    才源软件科技有限公司
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md4 layui-col-sm6">
                        <div class="layui-form-item">
                            <label class="layui-form-label">搜索选择框</label>
                            <div class="layui-input-block">
                                才源软件科技有限公司
                            </div>
                        </div>
                    </div>

                    <div class="layui-col-md12">
                        <div class="layui-form-item">

                            <div class="layui-block">
                                <label class="layui-form-label">联动选择框</label>
                                <div class="layui-input-block">
                                    才源软件科技有限公司-开发部-程序猿

                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="layui-col-md12">
                        <div class="layui-form-item layui-form-text">
                            <label class="layui-form-label">普通文本域</label>
                            <div class="layui-input-block">
                                才源软件科技有限公司才源软件科技有限公司才源软件科技有限公司才源软件科技有限公司才源软件科技有限公司才源软件科技有限公司 才源软件科技有限公司才源软件科技有限公司才源软件科技有限公司才源软件科技有限公司才源软件科技有限公司才源软件科技有限公司 才源软件科技有限公司才源软件科技有限公司才源软件科技有限公司才源软件科技有限公司才源软件科技有限公司才源软件科技有限公司
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="layui-tab-item">内容2</div>
            <div class="layui-tab-item">内容3</div>
            <div class="layui-tab-item">内容4</div>
            <div class="layui-tab-item">内容5</div>
        </div>
    </div> 
</body>

</html>
      
<script type="text/javascript" src="../../../public/js/jquery.min.js"></script>
<script type="text/javascript" src="../../../public/layui/layui.js"></script>
<script type="text/javascript" src="table-list.js"></script>
